@import url(../../base.css);


.ant-layout .ant-layout-sider.curve-sider-wrapper {
  height: 100%;
  background-color: #ffffff;
  border-right: 1px solid #d4d4d4;
}

.curve-sider-wrapper .spd-tabs {
  height: 100%;
}

.query-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.query-panel .query-panel-header {
  display: flex;
  flex-direction: row;
}

.query-panel .query-panel-header .ant-form-item {
  flex: 1;
  margin-right: 8px;
}

.query-panel .query-panel-header .ant-form-item .ant-radio-group {
  display: flex;
}

.query-panel .query-panel-header .ant-form-item .ant-radio-group .ant-radio-button-wrapper {
  flex: 1;
  text-align: center;
}

.query-plan-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.query-plan-panel .tree-toolbar {
  height: 42px;
  padding: 5px 0 3px 15px;
  background: #fafafc;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.query-plan-panel .ant-spin-nested-loading {
  height: 200px;
  flex: 1 1 auto;
}

.query-plan-panel .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}

.query-plan-panel .ant-tree {
  height: 100%;
  overflow: auto;
  padding: 8px;
}